<template>
	<view>
		<view class="gui-margin gui-margin-top">
			<text class="gui-h5 gui-color-gray gui-bold">我的任务</text>
		</view>
		<view class="my-list">
			<view class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-red">&#xe611;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<view class="gui-flex gui-columns">
							<text class="gui-list-title-text gui-color-black" style="margin-bottom: 15rpx;">新人有礼</text>
							<text class="gui-list-title-desc gui-color-red gui-text-small">赠送2面打印额度</text>
						</view>
					</view>
				</view>
				<view class="my-btn gui-bg-orange gui-color-white gui-text-small" @tap="doJob" data-sign="newUser">
					领取任务
				</view>
			</view>
			<view class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-red">&#xe611;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<view class="gui-flex gui-columns">
							<text class="gui-list-title-text gui-color-black" style="margin-bottom: 15rpx;">呼朋唤友</text>
							<text class="gui-list-title-desc gui-color-red gui-text-small">完善学校信息，充值享95折</text>
						</view>
					</view>
				</view>
				<view class="my-btn gui-bg-orange gui-color-white gui-text-small" @tap="doJob" data-sign="proveStudent">
					领取任务
				</view>
			</view>
			<view class="gui-list-items">
				<text class="gui-list-icon gui-icons gui-color-red">&#xe611;</text>
				<view class="gui-list-body gui-border-b">
					<view class="gui-list-title">
						<view class="gui-flex gui-columns">
							<text class="gui-list-title-text gui-color-black" style="margin-bottom: 15rpx;">老师认证</text>
							<text class="gui-list-title-desc gui-color-red gui-text-small">尊享积分大礼,赠电脑办公教程</text>
						</view>
					</view>
				</view>
				<view class="my-btn gui-bg-orange gui-color-white gui-text-small" @tap="doJob" data-sign="proveTeacher">
					领取任务
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			doJob:function(e)
			{
				console.log()
				let sign = e.target.dataset.sign
				if(sign == "newUser")
				{
					//新用户任务
					console.log('新用户任务')
					return
				}
				if(sign == "proveStudent")
				{
					//班级认证
					console.log('班级认证')
					return
				}
				if(sign == "proveTeacher")
				{
					//班级认证
					console.log('老师认证')
					return
				}
			}
		}
	}
</script>
<style>
.gui-list-icon{
	width: auto;
}
.my-list{margin:30rpx 0; padding:0 30rpx;background-color: #FBF3ED;border-radius: 20rpx;margin:40rpx;}
.my-btn{padding:10rpx 20rpx;border-radius: 20rpx;}
</style>